<template>
    <div>
        <div class="dashed-box" v-for="item in dataList">
            <p class="v-fl">{{item.date}}</p>
            <p class="v-fr c-blue">{{numRandom()}}条</p>
            <div class="dashed-dashed"></div>
        </div>
        <!--<div class="dashed-box">
            <p class="v-fl">2018年11月</p>
            <p class="v-fr c-blue">1150条</p>
            <div class="dashed-dashed"></div>
        </div>
        <div class="dashed-box">
            <p class="v-fl">2018年11月</p>
            <p class="v-fr c-blue">1150条</p>
            <div class="dashed-dashed"></div>
        </div>
        <div class="dashed-box">
            <p class="v-fl">2018年11月</p>
            <p class="v-fr c-blue">1150条</p>
            <div class="dashed-dashed"></div>
        </div>
        <div class="dashed-box">
            <p class="v-fl">2018年11月</p>
            <p class="v-fr c-blue">1150条</p>
            <div class="dashed-dashed"></div>
        </div>
        <div class="dashed-box">
            <p class="v-fl">2018年11月</p>
            <p class="v-fr c-blue">1150条</p>
            <div class="dashed-dashed"></div>
        </div>-->
    </div>
</template>

<script>
    import API from '@/api'
    export default {
        name: 'dataex-month',
        components: {
        },
        data () {
            return {
                dataList:[
                    {
                        date:"2019年1月"
                    },
                    {
                        date:"2019年2月"
                    },
                    {
                        date:"2019年3月"
                    },
                    {
                        date:"2019年4月"
                    },
                    {
                        date:"2019年5月"
                    },
                    {
                        date:"2019年6月"
                    },
                ]
            }
        },
        mounted(){
        },
        methods: {
            numRandom(){
                return Math.ceil(Math.random()*1000);
            },
        }
    }

</script>
<style lang="less">
    .dashed-box{
        width: 488px;
        height: 75px;
        position: relative;
        p{
            line-height: 75px;
        }
        .dashed-dashed{
            width: 488px;
            height: 3px;
            background-image: url(./img/gradual-dashed.png);
            position: absolute;
            bottom: 0;
        }
    }
</style>
